<template>
	<view class="content">
		<ul class="apply-list cl" v-if="the_step == 0" @tap="to_step(1)">
			<li>销售</li>
			<li>二手车</li>
			<li>保险</li>
			<li>金融</li>
		</ul>
		<div class="apply-step2" v-if="the_step == 1">
			<p>销售采购提报</p>
			<input type="text" placeholder="输入车架号">
			
		</div>
		<ul class="car-list cl" v-if="the_step == 2">
			<li>
				<image src="https://kehu-1256834579.cos.ap-shanghai.myqcloud.com/yuanxiang/logo2.png" mode="widthFix"></image>
				<div class="shop-right">
					<p>鸿蒙智行 2024款 问界M9 Max 42kWh 增程五座版 </p>
					<p>展厅指导价 46万 | 36万公里 | 2年</p>
				</div>
				<span class="iconfont icon-you"></span>
			</li>
		</ul>
		<div class="apply-btn cl"  v-if="the_step == 1" @tap="to_step(2)">
			提交申请
		</div>
		<div class="apply-btn cl" v-if="the_step == 2" @tap="to_form()">
			提交
		</div>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				the_step:0
			}
		},
		onLoad(options) {
			this.the_step = options.the_step;
			if(options.the_step == 0){
				uni.setNavigationBarTitle({
					title:'选择业务类型'
				});
			}
			if(options.the_step == 1){
				uni.setNavigationBarTitle({
					title:'采购提报'
				});
			}
			if(options.the_step == 2){
				uni.setNavigationBarTitle({
					title:'选择车型'
				});
			}
		},
		methods: {
			to_step(n){
				uni.navigateTo({
					url:'/pages/index/yewu_shenqing1?the_step='+n
				})
			},
			to_form(){
				uni.navigateTo({
					url:'/pages/index/yewushenqing2'
				})
			}
		}
	}
</script>

<style>
page,.content{background-color: #f4f4f4;}
.apply-list{margin-top: 40rpx;}
.apply-list li{float: left;width: 30%;padding: 20rpx 0px;text-align: center;background-color: #fff;margin-top: 20rpx;margin-left: 2.5%;}

.apply-step2{width: 94%;margin-top: 20rpx;background-color: #fff;padding: 20rpx 3%;}
.apply-step2 input{background-color: #f4f4f4;padding: 20rpx 3%;margin-top: 20rpx;}
.apply-btn{background-color: #0d59f7;padding: 20rpx 0px;width: 90%;margin-left: 5%;border-radius: 12rpx;color: #fff;text-align: center;margin-top: 20rpx;}


.car-list li{height: auto;overflow: hidden;width: 88%;margin-top: 20rpx;background-color: #fff;border-radius: 16rpx;padding: 20rpx 3%;margin-left: 3%;}
.car-list li image{width: 200rpx;float: left;}
.car-list li .shop-right{float: left;margin-left: 20rpx;width: 57%;}
.car-list li .shop-right p:nth-child(1){ display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;  /* 限制显示的行数 */
  overflow: hidden;       /* 隐藏超出部分 */
  text-overflow: ellipsis; /* 超出部分显示省略号 */}
.car-list li .shop-right p:nth-child(2){color: #999;margin-top: 10rpx;font-size: 24rpx;}
.car-list li .iconfont{float: right;font-size: 48rpx;margin-top: 50rpx;}
</style>
